ul {
    display: flex;
    flex-flow: row wrap;
    >* {
        @extend .shade-as-cut;
        flex: 0 1 24%;
        margin: 0.5%;
        border-radius: $radius-m;
    }
    &[col="2"] {
        >* {
            flex-basis: 49%;
        }
    }
}

@media(max-width: 767px) {
    ul {
        >* {
            flex: 0 1 49%;
        }
        &[col="2"] {
            >* {
                flex-basis: 99%;
            }
        }
    }
}
